<template>
  <div>
    <h1>代码实训</h1>
    <hr>
    <h2>帅哥美女走一走</h2>
    <code1></code1>
    <hr>
    <h2>加加减减</h2>
    <code2></code2>
    <hr>
    <h2>购物车</h2>
    <code3></code3>
    <hr>
    <h2>逛水果店</h2>
    <code4></code4>
    <hr>
    <h2>选择喜欢的的</h2>
    <code5></code5>
    <hr>
    <h2>品牌管理者</h2>
    <code6></code6>
    <hr>
    <h2>全选功能</h2>
    <code7></code7>
    <hr>
    <h2>买点书</h2>
    <code8></code8>
  </div>
</template>

<script>
import code1 from './components/code1.vue'
import code2 from './components/code2.vue'
import code3 from './components/code3.vue'
import code4 from './components/code4.vue'
import code5 from './components/code5.vue'
import code6 from './components/code6.vue'
import code7 from './components/code7.vue'
import code8 from './components/code8.vue'
export default {
  components: {
    code1,
    code2,
    code3,
    code4,
    code5,
    code6,
    code7,
    code8
  }
}
</script>

<style>

</style>
